<!doctype.html>
<html>
<meta charset="UTF-8">
<head>
<title>导航栏设计</title>
<style type="text/css">
	#main{
		
		padding:8px;
		border-top:3px solid orange;
		border-bottom:1px solid gray;
		
		background-color:#DCDCDC;
		}


		a{
			display:inline-block;
			text-decoration:none;
			text-decoration-color: black;

		}
		
		a:visited{color:black;}
		a:hover {color:orange;}
</style>		
</head>
<body>
	<div id="main">

	<a href="https://www.baidu.com/">网站首页&nbsp&nbsp&nbsp</a>
	<a href="https://www.baidu.com/">学校介绍&nbsp&nbsp&nbsp</a>
	<a href="https://www.baidu.com/">学员作品&nbsp&nbsp&nbsp</a>
	<a href="https://www.baidu.com/">留言簿&nbsp&nbsp&nbsp</a>
		</div>
</body>
</html>